<template>
  <section>
    <h1>成为速递员</h1>
    <div class="color"></div>
    <div class="color"></div>
    <div class="color"></div>
    <div class="box">
      <!-- 背景圆 -->
      <div class="circle" style="--x: 0"></div>
      <div class="circle" style="--x: 1"></div>
      <div class="circle" style="--x: 2"></div>
      <div class="circle" style="--x: 3"></div>
      <div class="circle" style="--x: 4"></div>

      <button class="login" @click="login">直接登录</button>
    </div>
  </section>
</template>

<script>
import { isDelivery } from '@/api/index.js'
export default {
  data() {
    return {}
  },
  methods: {
    async login() {
      const id = JSON.stringify(JSON.parse(localStorage.getItem('accessToken')).data)
      await isDelivery('/api/home/isdelivery', { id })
    }
  }
}
</script>

<style src="@/assets/css/apply.css" scoped></style>
<style src="@/assets/css/font.css" scoped></style>
<style></style>
